<!DOCTYPE html>
<!-- manifest="/goods.appcache" -->
<html lang="en" manifest="/goods.appcache">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详情</title>
</head>
<script src="../../js/edition.js"></script> 
<link rel="stylesheet" href="../../css/base.css">
<script>
        document.write("<l"+"ink rel='stylesheet' href='../../css/goods_detail.css?version="+edition+"'>")
</script>
<link rel="stylesheet" href="../../css/popover.css">
<script>
        document.write("<l"+"ink rel='stylesheet' href='../../css/style.css?version="+edition+"'>")
</script>
<script>
        document.write("<l"+"ink rel='stylesheet' href='../../css/index.css?version="+edition+"'>")
</script>
<script src="../../js/jquery.js"></script>
<script src="../../js/template.js"></script>
<script> 
        document.write("<s"+"cript type='text/javascript' src='../../js/url.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<script> 
        document.write("<s"+"cript type='text/javascript' src='../../js/header.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<!-- <script> 
        document.write("<s"+"cript type='text/javascript' src='../../js/goods_detail.js?version="+edition+"'></scr"+"ipt>"); 
</script> -->
<script src="../../js/popover.js"></script>
<script src="../../js/magnifier.js"></script>
<script src="../../js/index_foot.js"></script>
<script src="../../js/jquery.cookie.js"></script>
<script> 
        document.write("<s"+"cript type='text/javascript' src='../../js/login.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<script src="../../js/cookie.js"></script>
<script> 
        document.write("<s"+"cript type='text/javascript' src='../../js/no_login.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<style>
#more {
    background: #ea2424;
    color: #fff;
    font-size: 14px;
    width: 120px;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin: 50px auto;
}
.goods_img{ animation:myfirst 1.2s;}
@keyframes myfirst
{
0% {top: 144px; right:144px; }
100%{opacity: 0.6; top: -180px; right: 50%; margin-right:-778px;}
}
.login_container_bg{position: fixed; z-index:20; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0; display: none}
#login_container{position: absolute; z-index: 21; width: 300px; height: 400px; top: 50%; left: 50%; background: #fff; margin-top: -200px; margin-left: -150px; display: none}
.no_img_bg{ text-align: center;margin-top: 100px;}
.text{ width:100%; border: 0; font-size: 18px;color: #333333; line-height: 30px;margin-top: 20px;text-align: center}
.href{font-size: 14px; color: #666666;text-align: center}
.href a{color: #006699; line-height: 30px;}
.href em{color: #006699; margin: 0 8px;}
.tj_bg{width: 1188px; border: #e5e5e5 solid 1px; margin:30px auto;}
.tj_bg dl{height: auto; overflow: hidden}
.tj_bg dt{width: 100%; height: 36px; background: #f2f2f2; line-height: 36px; margin-bottom: 20px;}
.tj_bg dt .fl{font-size: 16px; color: #f10215; margin-left: 20px;}
.tj_bg dt .fr{margin-right: 20px; font-size: 16px; color: #666666; cursor: pointer;}
.tj_bg dt .fr em{margin-right: 4px;}
.tj_bg dt .fr em img{ margin-top: -2px;}
.tj_bg dd{ width: 270px; height: 370px; border: #f0f0f0 solid 1px;float: left; margin: 0 20px 20px 0; border-radius: 2px; overflow: hidden;}
.tj_bg dd:hover{ box-shadow:0px 0px 5px rgba(241,2,21,0.5) }
.tj_bg dd .img_bg{width: 250px; height: 250px; background: #f3f3f3; margin: 10px;}
.tj_bg dd .img_bg img{width: 100%;}
.tj_bg dd em{font-size: 24px; color: #f10215;}
.tj_bg dd em i{font-size: 18px}
.tj_bg del {font-size: 14px; color: #999;}
.tj_bg .tex{font-size: 14px; color: #666666; line-height: 24px; margin-top: 4px;}
.tj_bg dd p{width:238px; margin: auto; line-height: 32px;}
</style>
<body style="background:#fff">
    <header class="mod_head">
        <script>
            $(function(){
                var src=$('.mod_logo img').attr('src')
                $('.mod_logo img').attr('src','../'+src)
            })   
        </script> 
    </header>
    <div class="no_img_bg">
        <img src="../../img/base/no.png" alt="" srcset="">
    </div>
    <p class="text">很抱歉，您访问的商品不存在，可能已下架或被转移。</p>
    <p class="href">
        您可以：
        <a href="/index.html">返回首页</a>
        <em>|</em>
        <a href="/src/member/member_favorites.html">我的收藏</a>
    </p>
    <div class="tj_bg">
        <dl>
            <dt class="te">
                <span class="fl"> 推荐</span>
                <span class="fr"><em><img src="../../img/base/z.png"></em>换一批</span>
            </dt>
            
        </dl>
    </div>
    <footer class="mod_foot"></footer>
</body>
</html>
<script type="text/html" id="te">
    {{ for(var i=0; i<list.length; i++) { }}
        <dd>
            <a href="/src/goods/goods_detail.html?goodsId={{=list[i].goodsId}}">
                <p class="img_bg">
                    <img src="{{=list[i].goodsImg}}" alt="">
                </p>
                <p>
                <em><i>￥</i>{{=list[i].unitPrice}}</em>
                <del>￥{{=list[i].marketPrice}}</del>
                </p>
                <p class="tex">
                    {{=list[i].name}}
                </p>
            </a>
        </dd>
    {{ } }}
</script>
<script> 
    document.write("<s"+"cript type='text/javascript' src='../../js/nav_hover.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<script>
    $(function(){
        // 底部小图标路径修改
        $('.foot_list>img').each(function(){
            var src = $(this).attr('src');
            $(this).attr('src','../../'+src);
        });
        // 底部链接修改
        $('.footer_ul a').each(function(){
            var newHref = $(this).attr('href');
            if(newHref!='javascript:;'){
                $(this).attr('href','..'+newHref);
            }
        });
    });
</script>   
<script>
    $(function(){
        $('.te').after('<p class="jiazai" style="text-align: center; min-height:292px; line-height:292px; font-size:13px;">正在刷新中......</p>'); 
        function cato(){
            $.ajax({
                url:new_url+'shop/goods/getLeftRecommendCatogoryList',
                type:'post',
                data:{pageSize:'4'},
                dataType:'json',
                success:function(e){
                    var te=$('#te').html();
                    for(var le=0; le<e.data.length; le++){
                        var te2=template(
                            te,{
                                list:[{
                                    goodsId:e.data[le].goodsId,
                                    goodsImg:e.data[le].goodsImg,
                                    unitPrice:e.data[le].unitPrice,
                                    marketPrice:e.data[le].marketPrice,
                                    name:e.data[le].name
                                }]
                            }
                        )
                        $('.jiazai').hide()
                        $('.te').after(te2); 
                    }
                    $('.tj_bg dd').first().css('margin-left','20px');
                }
            }); 
        }cato(); 
        $('.tj_bg dt .fr').click(function(){
            $('.tj_bg dd').remove(); 
            $('.jiazai').show(); 
            cato(); 
        }); 
    }); 
</script> 